<template>
    <div class="withdraw">
        <my-header>
      <div class="header-box">
        <router-link to="/my" >
          <div class="jiantou"></div>
        </router-link>
        <span>余额提现</span>
      </div>
      
    </my-header>
    <div class="bl">
<div class="img">
            <img src="../assets/money.png" alt="">
        </div>
        <p>￥{{balance}}</p>
        <button class="btn">立即提现</button>
    </div>
        
    </div>
</template>
<script>
import MyHeader from "../components/MyHeader.vue";
import Vue from 'vue';
import { Toast } from 'vant';

Vue.use(Toast);
export default {
    components:{MyHeader},
    data() {
        return {
            balance:''
        }
    },
    mounted() {
        const toast = Toast.loading({
         duration: 0, // 持续展示 toast
         forbidClick: true,
         message: "加载中..."
     });
        this.balance = this.$route.query.balance
        setTimeout(() =>{
        Toast.clear()

        },100)
    }
}
</script>
<style lang="scss" scoped>
@import '../css/reset.css';
.withdraw {
    
    width: 100%;
    .header-box {
    width: 100%;
    display: flex;
    align-items: center;
    .jiantou {
      flex-grow: 1;
      width: 15px;
      height: 15px;
      border-left: 3px solid #fff;
      border-top: 3px solid #fff;
      transform: rotate(320deg);
      margin-left: 15px;
    }
    span {
      flex-grow: 1;
    }
  }
  .bl {
    width: 100%;
    
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 500%;
    background-color: #f6f6f6;
.img {
        width: 130px;
        height: 130px;
        img {
            width: 100%;
            height: 100%;

        }
    }
    p {
        font-size: 34px;
        font-weight: 600;
    }
    .btn {
        width: 300px;
        height: 60px;
        font-size: 24px;
        background-color: #faca2a;
        border: 0;
        border-radius: 10px;
        line-height: 60px;
        color: #fff;
    }
  }
    
}
 
</style>